<template>
  <div>
    <bread-crumb
      class="bread-crumb-padding"
      :list="breadCrumb"
      :user="true"
    ></bread-crumb>
    <div class="user-main-box">
      <user-tab-list
        :list="tablist"
        :returnButton="false"
        :isGoBack="true"
        backUrl=""
      ></user-tab-list>
      <router-view />
    </div>
  </div>
</template>

<script>
export default {
  name: "analysis",
  data() {
    return {
      // 标题
      title: "",
      // 域名ID
      domainId: 0,
      breadCrumb: [
        {name: "管理中心"},
        { name: "域名管理" },
        { name: "我的域名" },
        { name: `解析设置` },
      ],
      tablist: [
        {
          name: "域名解析",
          to: "/user/mydn/batchAnalysis/:domainId?/:title?",
        }
      ],
    };
  },
  watch: {
    $route: {
      handler(val) {
        let title = val.params.title,
          domainId = val.params.domainId;
        this.breadCrumb[2].name = `${title || "域名解析"} 解析设置`;
        this.tablist[0].to = `/user/mydn/batchAnalysis/${domainId}/${title}`;
        // this.tablist[1].to = `/user/mydn/record/${domainId}/${title}`;
      },
      deep: true,
      immediate: true,
    },
  },
  mounted() {},
  methods: {},
};
</script>

<style lang="scss" scoped></style>
